diff options
| author | Adam Soltys <[email protected]> | 2022-11-13 00:34:05 -0800 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2022-11-13 00:34:05 -0800 |
| commit | c53f90fce8887ca706416fe9fa741504914a3b46 (patch) | |
| tree | 789e819cb4112a79b0a63330134815a93537d62a /src/routes/(app)/[username] | |
| parent | b6f5b61910dad4c4c755409b57c89dd5c1de21ba (diff) | |
| download | coinos-ui-c53f90fce8887ca706416fe9fa741504914a3b46.tar.gz coinos-ui-c53f90fce8887ca706416fe9fa741504914a3b46.zip | |
link behaviour
Diffstat (limited to 'src/routes/(app)/[username]')
| -rw-r--r-- | src/routes/(app)/[username]/dashboard/+page.server.js | 2 | ||||
| -rw-r--r-- | src/routes/(app)/[username]/dashboard/+page.svelte | 53 |
2 files changed, 28 insertions, 27 deletions
diff --git a/src/routes/(app)/[username]/dashboard/+page.server.js b/src/routes/(app)/[username]/dashboard/+page.server.js index f73c8209..f7e276a0 100644 --- a/src/routes/(app)/[username]/dashboard/+page.server.js +++ b/src/routes/(app)/[username]/dashboard/+page.server.js @@ -1,6 +1,6 @@ import { auth, get } from '$lib/utils'; -export async function load({ cookies, depends}) { +export async function load({ cookies, depends }) { depends('app:invoice'); return get('/requests', auth(cookies)); } diff --git a/src/routes/(app)/[username]/dashboard/+page.svelte b/src/routes/(app)/[username]/dashboard/+page.svelte index e18b55bb..e9a96243 100644 --- a/src/routes/(app)/[username]/dashboard/+page.svelte +++ b/src/routes/(app)/[username]/dashboard/+page.svelte @@ -93,38 +93,39 @@ <div> {#each invoices as { request_id, amount, currency, rate, user: recipient, requester, uuid }} - <a href={`/invoice/${uuid}/tip`} class:pointer-events-none={user.username === recipient.username}> - <div class="border-b p-2 last:border-b-0 hover:bg-gray-100"> - <div class="flex gap-2"> - <div> - {#if user.username === requester.username} - <div class="flex"> - <Avatar user={recipient} size={20} /> - <div class="my-auto text-left"> - <p class="text-secondary">Invoice from</p> - <p class="ml-1 text-lg break-words">{recipient.username}</p> + {@const requested = user.username === requester.username} + <a href={`/invoice/${uuid}` + (requested ? '/tip' : '')}> + <div class="border-b p-2 last:border-b-0 hover:bg-gray-100"> + <div class="flex gap-2"> + <div> + {#if requested} + <div class="flex"> + <Avatar user={recipient} size={20} /> + <div class="my-auto text-left"> + <p class="text-secondary">Invoice from</p> + <p class="ml-1 text-lg break-words">{recipient.username}</p> + </div> </div> - </div> - {:else} - <div class="flex"> - <Avatar user={requester} size={20} /> - <div class="my-auto text-left"> - <p class="text-secondary">You invoiced</p> - <p class="ml-1 text-lg break-words">{requester.username}</p> + {:else} + <div class="flex"> + <Avatar user={requester} size={20} /> + <div class="my-auto text-left"> + <p class="text-secondary">You invoiced</p> + <p class="ml-1 text-lg break-words">{requester.username}</p> + </div> </div> - </div> - {/if} - </div> - <div class="whitespace-nowrap my-auto ml-auto flex gap-2"> - <div class="font-bold"> - {f(amount * (rate / sats), currency)} + {/if} </div> + <div class="whitespace-nowrap my-auto ml-auto flex gap-2"> + <div class="font-bold"> + {f(amount * (rate / sats), currency)} + </div> - <div class="text-secondary">{sat(amount)}</div> + <div class="text-secondary">{sat(amount)}</div> + </div> </div> </div> - </div> - </a> + </a> {/each} </div> |